<template>
	<div class="personalInfo">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Thông tin cá nhân" left-arrow
			@click-left="onClickLeft"></van-nav-bar>
		<div  class="personal">
			<div  class="userInfo">
				<div class="avatar-container">
					<van-uploader v-model="fileList" multiple :max-count="1" preview-size="60px">
						<template>
							<div class="van-uploader__input-wrapper"><img class="avatar-img"
									src="../../assets/images/default_chat.png" lazy="loaded"
									style="width: 60px; height: 60px;"></div>
						</template>
					</van-uploader>
					<i class="iconfont icon-icon_edit_avatar"></i>
				</div>
				<div  class="user" >
					<p  class="userName"><span  class="hi"></span>xiaobao <i  class="iconfont icon-icon_amend_name"></i></p>
					<p  class="joinDay">Gia nhập ngày thứ 5 </p>
				</div>
			</div>
		</div>
		<div class="listItem">
			<van-cell is-link title="Họ tên">
				<template #default>
					<div class="val-sm">xiaobao</div>
				</template>
			</van-cell>
			<van-cell is-link title="Tài khoản ngân hàng">
				<template #default>
					<div class="val-t">Thêm vào</div>
				</template>
			</van-cell>
			<van-cell to="/changePassword" is-link title="Thay đổi mật khẩu">
				<template #default>
					<div class="val-sm">Mật khẩu & Mật khẩu giao dịch</div>
				</template>
			</van-cell>
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				fileList: [],
			}
		},
		methods: {
			onClickLeft() {
				this.$router.go(-1)
			}
		}
	}
</script>
<style>
</style>
